<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>Title</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>Insert title here</title>
    <style>
        body { background: #ffffff; color: #444;font-size:12px; }
        a { color: #07c; text-decoration: none; border: 0; background-color: transparent; }
        body, div, q, iframe, form, h5 { margin: 0; padding: 0; }
        img, fieldset { border: none 0; }
        body, td, textarea { word-break: break-all; word-wrap: break-word; line-height:1.6; }
        body, input, textarea, select, button { margin: 0; font-size: 12px; font-family: Tahoma, SimSun, sans-serif; }
        div, p, table, th, td { font-size:1em; font-family:inherit; line-height:inherit; }
        h5 { font-size:12px; }
        ol li,ul li{ margin-bottom:0.5em;}
        pre, code { font-family: "Courier New", Courier, monospace; word-wrap:break-word; line-height:1.4; font-size:12px;}
        pre{background:#f6f6f6; border:#eee solid 1px; margin:1em 0.5em; padding:0.5em 1em;}
        #content { padding-left:50px; padding-right:50px; }
        #content h2 { font-size:20px; color:#069; padding-top:8px; margin-bottom:8px; }
        #content h3 { margin:8px 0; font-size:14px; COLOR:#693; }
        #content h4 { margin:8px 0; font-size:16px; COLOR:#690; }
        #content div.item { margin-top:10px; margin-bottom:10px; border:#eee solid 4px; padding:10px; }
        hr { clear:both; margin:7px 0; +margin: 0;
            border:0 none; font-size: 1px; line-height:1px; color: #069; background-color:#069; height: 1px; }
        .infobar { background:#fff9e3; border:1px solid #fadc80; color:#743e04; }
        .buttonStyle{width:64px;height:22px;line-height:22px;color:#369;text-align:center;background:url(//plugins/zDialog/images/buticon.gif) no-repeat left top;border:0;font-size:12px;}
        .buttonStyle:hover{background:url(//plugins/zDialog/images/buticon.gif) no-repeat left -23px;}

    </style>
    <script type="text/javascript" th:src="@{/static/js/jquery-1.8.3.js}"></script>
    <!-- 引入JQuery提示库 start-->
    <script type="text/javascript" th:src="@{/static/js/jquery.tips.js}"></script>
    <!-- 引入JQuery提示库 end-->
    <script type="text/javascript" th:src="@{/plugins/zDialog/zDialog.js}"></script>
    <script type="text/javascript" th:src="@{/plugins/zDialog/zDrag.js}"></script>
    <script type="text/javascript" th:src="@{/plugins/zDialog/zProgress.js}"></script>
    <script type="text/javascript">
        function dialogClose()
        {
            parentDialog.close();
        }
        function doCheck(){
            var menuName = $("#menuName").val();
            var menuUrl = $("#menuUrl").val();
            var menuOrder = $("#menuOrder").val();
            if($("#sjMenu").get(0).value==""){
                $("#sjMenu").tips({
                    side : 1,
                    msg : "请选择上级菜单!",
                    bg : '#FF5080',
                    time : 15
                });
                return false;
            }
            if(menuName == ""){
                $("#menuName").tips({
                    side : 1,
                    msg : "请填写菜单名称!",
                    bg : '#FF5080',
                    time : 15
                });
                return false;
            }
            if(menuUrl == ""){
                $("#menuUrl").tips({
                    side : 1,
                    msg : "请填写菜单地址!",
                    bg : '#FF5080',
                    time : 15
                });
                return false;
            }
            if(menuOrder == ""){
                $("#menuOrder").tips({
                    side : 1,
                    msg : "请填写菜单序号!",
                    bg : '#FF5080',
                    time : 15
                });
                return false;
            }
            return true;
        }
        function doSave()
        {
            if(doCheck()){
                var parentId = $("#sjMenu").get(0).value;
                var menuName = $("#menuName").val();
                var menuUrl = $("#menuUrl").val();
                var menuOrder = $("#menuOrder").val();
                var params = parentId + "," + menuName + "," + menuUrl + "," +menuOrder;
                $.ajax({
                    type: "POST",
                    url: 'menu/addM.do',
                    data: {params:params,tm:new Date().getTime()},
                    dataType:'json',
                    cache: false,
                    success: function(data){
                        if("success" == data.result){
                            alert('保存成功!');
                            parent.location.reload();
                            dialogClose();
                        }else{
                            $("#klClassifyName").tips({
                                side : 1,
                                msg : "保存失败!",
                                bg : '#FF5080',
                                time : 15
                            });
                        }
                    }
                });
            }
        }

    </script>
</head>
<body >
<div id="forlogin">
    <table width="100%" border="0" align="center" cellpadding="4" cellspacing="4" bordercolor="#666666">
        <tr>
            <td colspan="2" bgcolor="#eeeeee">新增管理系统菜单</td>
        </tr>
        <tr>
            <td width="150" align="right">上级菜单:</td>
            <td>
                <select id="sjMenu">
                    <option value="">请选择上级菜单</option>
                    <!--<c:choose>-->
                        <!--<c:when test="${not empty sjMenus}">-->
                            <!--<c:forEach items="${sjMenus}" var="m" varStatus="ms">-->
                                <!--<option value="${m.menuId}">${m.menuName}</option>-->
                            <!--</c:forEach>-->
                        <!--</c:when>-->
                        <!--<c:otherwise>-->
                            <!--<option>数据加载中...</option>-->
                        <!--</c:otherwise>-->
                    <!--</c:choose>-->
                </select>
            </td>
        </tr>
        <tr>
            <td width="150" align="right">菜单名称:</td>
            <td><input type="text" id="menuName" /></td>
        </tr>
        <tr>
            <td align="right">菜单地址:</td>
            <td><input type="text" id="menuUrl" /></td>
        </tr>
        <tr>
            <td align="right">菜单序号:</td>
            <td><input type="text" id="menuOrder" /></td>
        </tr>
        <tr>
            <td colspan="2" align="left" style="padding-left:160px;">
                <input type="button" onClick="doSave()" value="保存" class="buttonStyle" />
                <input onClick="dialogClose();" class="buttonStyle" type="button" value="关闭" />
            </td>
        </tr>
    </table>
</div>
</body>
</html>